@extends('Admin.gonggong.gonggong')

@section('title')
 <title>lamp178 用户添加</title>

@endsection

@section('con')

<div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">用户列表</h1> 
  <div class="col-lg-12"> 
   <div class="panel panel-default"> 
    <div class="panel-heading">
      DataTables Advanced Tables 
    </div> 
    <!-- /.panel-heading --> 
    <div class="panel-body"> 
     <div class="dataTable_wrapper"> 
      <div id="dataTables-example_wrapper" class="dataTables_wrapper form-inline dt-bootstrap no-footer">
      <form action="{{url('/admin/user/index')}}" method="get">
       <div class="row">
        <div class="col-sm-6">
         <div class="dataTables_length" id="dataTables-example_length">
          <label>显示
           <select name="dataTables-example_length" aria-controls="dataTables-example" class="form-control input-sm">
           <option value="10" @if(!empty($data['num'])&& $data['num']==10)selected @endif>10</option>
           <option value="25" @if(!empty($data['num'])&& $data['num']==25)selected @endif>25</option>
          <option value="50" @if(!empty($data['num'])&& $data['num']==50)selected @endif>50</option>
           <option value="100" @if(!empty($data['num'])&& $data['num']==100)selected @endif>100</option>
           </select> 条</label>
         </div>
        </div>
        <div class="col-sm-6">
         <div id="dataTables-example_filter" class="dataTables_filter">
          <label>查询:<input type="search" name="keywords" value="{{$data['keywords'] or ''}}" class="form-control input-sm" placeholder="" aria-controls="dataTables-example" /></label>
          <button class="btn">搜索</button>
         </div>
        </div>
       </div>
       <div class="row">
        <div class="col-sm-12">
         <table id="dataTables-example" class="table table-striped table-bordered table-hover dataTable no-footer" role="grid" aria-describedby="dataTables-example_info"> 
          <thead> 
           <tr role="row">
            <th class="sorting_asc" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width:50px;" aria-sort="ascending" aria-label="Rendering engine: activate to sort column descending">ID</th>
            <th class="sorting" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 182px;" aria-label="Browser: activate to sort column ascending">头像</th>
            <th class="sorting" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 165px;" aria-label="Platform(s): activate to sort column ascending">用户名</th>
            <th class="sorting" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 134px;" aria-label="Engine version: activate to sort column ascending">手机号</th>
             <th class="sorting" tabindex="0" aria-controls="dataTables-example" rowspan="1" colspan="1" style="width: 134px;" aria-label="Engine version: activate to sort column ascending">操作</th>
           </tr> 
          </thead> 
          <tbody> 
          @foreach($users as $k=>$v)
           <tr class="gradeA odd" role="row"> 
            <td class="sorting_1">{{$v->id}}</td> 
            <td><img src="{{$v->pic}}" width="200px"></td> 
            <td>{{$v->username}}</td> 
            <td class="center">{{$v->phone}}</td> 
             <td class="center"><button class="btn btn-danger btn-delete">删除</button>|<a href="{{url('/admin/user/edit',['id'=>$v->id])}}" class="btn btn-warning">修改</a></td> 
            
           </tr>
           @endforeach
          </tbody> 
         </table>
        </div>
       </div>
       <div class="row">
        <div class="col-sm-12">
         <div class="dataTables_paginate paging_simple_numbers" id="dataTables-example_paginate">
         {!! $users->render() !!}
         </div>
        </div>
       </div>
      </div> 
     </div> 
     <!-- /.table-responsive --> 
     
    </div> 
    <!-- /.panel-body --> 
   </div> 
   <!-- /.panel --> 
  </div>                  
                        
        
                           
                                <!-- /.col-lg-6 (nested) -->
            <!-- /.row (nested) -->
        </div>
        <!-- /.panel-body -->
    </div>
    <!-- /.panel -->
    </div>


@endsection
@section('js')
<script type="text/javascript">
    $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
    });
    
    $('.btn-delete').click(function(){
       var id=$(this).parents('tr').find('.sorting_1').text();
       var btn=$(this);

       $.post('/admin/user/del',{id:id},function(data){
                if(data==1){
                    btn.parents('tr').remove();
                }else{
                    alert('删除失败');
                }
       })    })
</script>
@endsection